<!--  -->
<template>
  <div id="app">
    <!-- header组件 -->
    <Header />
    <router-view />
    <!-- footer组件 -->
    <Footer v-if="!$route.meta.isFooterHide" />
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";
export default {
  data() {
    return {};
  },

  mounted() {
    //挂载成功,请求导航分类数据 用vuex的方式
    this.$store.dispatch("getBaseCategoryList");
    this.$store.dispatch("getRecommends");
  },

  components: {
    Header,
    Footer,
  },

  computed: {},

  methods: {},
};
</script>
<style lang='less' scoped>
</style>